/**
 * 设计令牌 - Design Tokens
 * 提供一致的设计变量给 UnoCSS 使用
 */
:root {
	/* Brand 主色序列 */
	--brand-1: #e8f3ff; /* 浅色/白底悬浮 */
	--brand-2: #bedaff; /* 文字禁用 */
	--brand-3: #94bfff; /* 一般禁用 */
	--brand-4: #6aa1ff; /* 特殊场景 */
	--brand-5: #4080ff; /* 悬浮 */
	--brand-6: #2668ff; /* 常规 */
	--brand-7: #0e42d2; /* 点击 */

	/* Neutral 中性色（边框/填充/文字） */
	--border-1: #f2f3f5; /* 浅 */
	--border-2: #e5e6eb; /* 一般 */
	--border-3: #c9cdd4; /* 深/悬浮 */
	--border-4: #86909c; /* 重/按钮描边 */
	--fill-1: #f7f8fa; /* 浅/禁用 */
	--fill-2: #f2f3f5; /* 一般/白底悬浮 */
	--fill-3: #e5e6eb; /* 深/灰底悬浮 */
	--fill-4: #c9cdd4; /* 重/特殊场景 */
	--fill-5: #4e5969; /* 强调/图标/特殊 */
	--text-1: #1d2129; /* 强调/正文标题 */
	--text-2: #4e5969; /* 次强调 */
	--text-3: #86909c; /* 次要信息 */
	--text-4: #c9cdd4; /* 置灰信息 */
	--text-5: #ffffff; /* 纯白文字 */

	/* 功能色 Success / Warning / Danger（含浅色背景） */
	--success-1: #e8ffea;
	--success-2: #aff0b5;
	--success-3: #7be188;
	--success-5: #23c343;
	--success-6: #00b42a;
	--success-7: #009a29;
	--warning-1: #fff7e8;
	--warning-2: #ffe4ba;
	--warning-3: #ffcf8b;
	--warning-5: #ff9a2e;
	--warning-6: #ff7d00;
	--warning-7: #d25f00;
	--danger-1: #ffece8;
	--danger-2: #fdcdc5;
	--danger-3: #fbaca3;
	--danger-5: #f76560;
	--danger-6: #f53f3f;
	--danger-7: #cb2634;

	/* 点缀色（示例：Cyan/Gold/Lime/Purple/Magenta） */
	--cyan-1: #e8fffb;
	--cyan-2: #b7f4ec;
	--cyan-3: #89e9e0;
	--cyan-5: #37d4cf;
	--cyan-6: #14c9c9;
	--cyan-7: #37d4cf;
	--gold-1: #fffce8;
	--gold-2: #fdf4bf;
	--gold-3: #fce996;
	--gold-5: #f9cc45;
	--gold-6: #f7ba1e;
	--gold-7: #cc9213;
	--lime-1: #fcffe8;
	--lime-2: #edf8bb;
	--lime-3: #dcf190;
	--lime-5: #b5e241;
	--lime-6: #9fdb1d;
	--lime-7: #7eb712;
	--purple-1: #f5e8ff;
	--purple-2: #ddbef6;
	--purple-3: #c396ed;
	--purple-5: #8d4eda;
	--purple-6: #722ed1;
	--purple-7: #551db0;
	--magenta-1: #ffe8f1;
	--magenta-2: #fdc2db;
	--magenta-3: #fb9dc7;
	--magenta-5: #f754a8;
	--magenta-6: #f5319d;
	--magenta-7: #cb1e83;

	/* 阴影（与规范里的坐标/模糊/透明度一致） */
	--shadow-dropdown-1: 0px 4px 10px rgb(0 0 0 / 10%); /* 一级下拉/BackTop */
	--shadow-dropdown-2: 0px 8px 20px rgb(0 0 0 / 10%); /* 二级下拉 */
	--shadow-left: -2px 0px 5px rgb(0 0 0 / 10%); /* 左侧阴影 */
	--shadow-right: 2px 0px 5px rgb(0 0 0 / 10%); /* 右侧阴影 */
	--shadow-left-up: -2px -2px 5px rgb(0 0 0 / 10%);
	--shadow-left-down: -2px 2px 5px rgb(0 0 0 / 10%);
	--shadow-right-up: 2px -2px 5px rgb(0 0 0 / 10%);
	--shadow-down: 0px 2px 5px rgb(0 0 0 / 10%);

	/* 尺寸（来自规范关键数值） */
	--nav-width: 200px; /* 左侧导航宽 */
	--btn-h-sm: 32px; /* 表单/筛选行常用高度 */
	--btn-h-md: 40px; /* 登录/单列表单常用高度 */
	--btn-h-lg: 52px; /* 大表单高度 */
	--dialog-w: 680px; /* 弹窗宽 */
	--dialog-h: 512px; /* 弹窗高 */
	--table-th-h: 40px; /* 表头高 */
	--table-tr-h: 41px; /* 普通行高（单行） */
	--table-tr-2line-h: 57px; /* 双行高 */
}

/* 暗色主题支持（可选） */
@media (prefers-color-scheme: dark) {
	:root {
		/* 这里可以定义暗色主题的变量覆盖 */
	}
}

/* 高对比度主题支持（可选） */
@media (prefers-contrast: high) {
	:root {
		/* 这里可以定义高对比度主题的变量覆盖 */
	}
}
